<template>
  <el-container direction='vertical'>
    <Header></Header>
    <el-container>
      <MailSlider></MailSlider>
      <el-main>
        <el-breadcrumb separator-class="el-icon-arrow-right">
          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item>仪表盘</el-breadcrumb-item>
        </el-breadcrumb>
        <router-view></router-view>
        <el-dialog title="修改密码" :visible.sync="changePwd" label-width="120px" width="30%">
          <reset-pwd></reset-pwd>
        </el-dialog>
      </el-main>
    </el-container>
  </el-container>

  

</template>

<script>
import Header from './common/Header'
import MailSlider from './common/MainSlider'
import ResetPwd from './common/ResetPwd'
  export default {
    name: 'Main',
    components: {
      Header,
      MailSlider,
      ResetPwd
    },
    data() {
      return {
        changePwd: false
      }
    },
    methods: {
      handleSelect(key, keyPath) {
        console.log(key, keyPath);
      }
    }
  }

</script>

<style lang="scss">
  @import "../../../sass/backend/app";
</style>
